<template>
    <span :class="mapclass[type]" style="display:inline-block;">&nbsp;</span>
</template>

<script>
    export default {
        name: "icon",
        props:{
            type:Number,
        },
        data(){
            return{
                mapclass:['decrease', 'discount', 'special', 'invoice', 'guarantee'],
            }
        }
    }
</script>

<style scoped lang="stylus">
    @import '~@styles/variables.styl'
    .decrease
        bgImg('decrease_1')
    .discount
        bgImg('discount_1')
    .special
        bgImg('special_1')
    .guarantee
        bgImg('guarantee_1')
    .invoice
        bgImg('invoice_1')
</style>
